﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Espanol/Pages/GPSTrackingAdminWebsiteManager.Master" AutoEventWireup="true" CodeBehind="UserManager.aspx.cs" Inherits="GPSTrackingAdminWebsiteManager.Espanol.Pages.UserManager" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
      <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <script type="text/javascript">
                function checkPasswordMatch() {
                    var text1 = $find("<%=txtPassword.ClientID %>").get_textBoxValue();
                    var text2 = $find("<%=txtRePassword.ClientID %>").get_textBoxValue();

                    if (text2 == "") {
                        $get("PasswordRepeatedIndicator").innerHTML = "";
                        $get("PasswordRepeatedIndicator").className = "Base L0";
                    }
                    else if (text1 == text2) {
                        $get("PasswordRepeatedIndicator").innerHTML = "Iguales";
                        $get("PasswordRepeatedIndicator").className = "Base L5";
                    }
                    else {
                        $get("PasswordRepeatedIndicator").innerHTML = "No son Iguales";
                        $get("PasswordRepeatedIndicator").className = "Base L1";
                    }
                }
            </script>

        </telerik:RadCodeBlock>
    <table style="width: 100%">
        <tr>
            <td style="vertical-align: top; width: 50%;">
                <fieldset>
                    <legend>Lista de Usuarios</legend>
                    <telerik:RadGrid ID="UserGrid" runat="server" AutoGenerateColumns="False" CellSpacing="0" GridLines="None" OnNeedDataSource="UserGrid_NeedDataSource" OnItemCommand="UserGrid_ItemCommand">
                        <MasterTableView>
                            <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

                            <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                                <HeaderStyle Width="20px"></HeaderStyle>
                            </RowIndicatorColumn>

                            <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                                <HeaderStyle Width="20px"></HeaderStyle>
                            </ExpandCollapseColumn>

                            <Columns>
                                <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="UserEdit" FilterControlAltText="Filter column column" ImageUrl="../../Template/Icon/sign-up-icon.png" UniqueName="column">
                                </telerik:GridButtonColumn>
                                <telerik:GridBoundColumn DataField="Username" FilterControlAltText="Filter Username column" HeaderText="Usuario" UniqueName="Username">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="Name" FilterControlAltText="Filter Name column" HeaderText="Nombre" UniqueName="Name">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="FirstName" FilterControlAltText="Filter FirstName column" HeaderText="Primer Apellido" UniqueName="FirstName">
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="LastName" FilterControlAltText="Filter LastName column" HeaderText="Segundo Apellido" UniqueName="LastName">
                                </telerik:GridBoundColumn>
                                <telerik:GridCheckBoxColumn DataField="IsActive" DataType="System.Boolean" FilterControlAltText="Filter IsActive column" HeaderText="Activo" UniqueName="IsActive">
                                </telerik:GridCheckBoxColumn>
                                <telerik:GridBoundColumn DataField="Password" FilterControlAltText="Filter FirstName column" Visible="false" UniqueName="Password"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="Identification" FilterControlAltText="Filter FirstName column" Visible="false" UniqueName="Identification"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="CountryID" FilterControlAltText="Filter FirstName column" Visible="false" UniqueName="CountryID"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="StateID" FilterControlAltText="Filter FirstName column" Visible="false" UniqueName="StateID"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="CityID" FilterControlAltText="Filter FirstName column" Visible="false" UniqueName="CityID"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="Phone" FilterControlAltText="Filter FirstName column" Visible="false" UniqueName="Phone"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="Mobile" FilterControlAltText="Filter FirstName column" Visible="false" UniqueName="Mobile"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="Email" FilterControlAltText="Filter FirstName column" Visible="false" UniqueName="Email"></telerik:GridBoundColumn>
                            </Columns>

                            <EditFormSettings>
                                <EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>
                            </EditFormSettings>
                        </MasterTableView>

                        <FilterMenu EnableImageSprites="False"></FilterMenu>
                    </telerik:RadGrid>
                </fieldset>
            </td>
            <td style="vertical-align: top; width: 50%;">
                <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="500px" Height="600px">
                    <telerik:RadPane ID="RadPane1" runat="server" Height="600px" Width="500px">
                        <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" SlideDirection="Bottom" DockedPaneId="RadSlidingPane1" Height="22px">
                            <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Usuario" DockOnOpen="true" Width="500px" Height="600px" Scrolling="None">
                                <fieldset>
                                    <legend>Información del Usuario</legend>
                                    <table class="auto-style1">
                                        <tr>
                                            <td colspan="2">&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td>Usuario:</td>
                                            <td>
                                                <telerik:RadTextBox ID="txtUsername" runat="server">
                                                </telerik:RadTextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Contraseña:</td>
                                            <td>
                                               <telerik:RadTextBox ID="txtPassword" runat="server"
                                            TextMode="Password" onkeyup="checkPasswordMatch()" EnableSingleInputRendering="false" Width="130px">
                                            <PasswordStrengthSettings ShowIndicator="true" TextStrengthDescriptions="Simple;Fácil;Normal;Difícil;Muy Difícil"
                                                IndicatorElementBaseStyle="Base" TextStrengthDescriptionStyles="L0;L1;L2;L3;L4;L5"
                                                IndicatorElementID="CustomIndicator"></PasswordStrengthSettings>
                                        </telerik:RadTextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Re-Contraseña:</td>
                                            <td>
                                                 <telerik:RadTextBox ID="txtRePassword" runat="server"
                                            TextMode="Password" onkeyup="checkPasswordMatch()" EnableSingleInputRendering="false" Width="130px">
                                        </telerik:RadTextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"><span id="CustomIndicator">&nbsp;</span> <span id="PasswordRepeatedIndicator" class="Base L0">&nbsp;</span></td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td>Identificación:</td>
                                            <td>
                                                <telerik:RadMaskedTextBox ID="txtIdentification" runat="server" Mask="#-####-####">
                                                </telerik:RadMaskedTextBox>
                                            </td>
                                        </tr>
                                         <tr>
                                            <td>Nombre:</td>
                                            <td>
                                                <asp:TextBox ID="txtName" runat="server" Width="130px"></asp:TextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Primer Apellido:</td>
                                            <td>
                                                <asp:TextBox ID="txtFirstName" runat="server" Width="130px"></asp:TextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Segundo Apellido:</td>
                                            <td>
                                                <asp:TextBox ID="txtLastName" runat="server" Width="130px"></asp:TextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>País:</td>
                                            <td>
                                                <telerik:RadComboBox ID="cmbCountries" runat="server" AutoPostBack="True" OnSelectedIndexChanged="cmbCountries_SelectedIndexChanged" DataTextField="Description" DataValueField="CountryId">
                                                </telerik:RadComboBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Provinica:</td>
                                            <td>
                                                <telerik:RadComboBox ID="cmbStates" runat="server" AutoPostBack="True" OnSelectedIndexChanged="cmbStates_SelectedIndexChanged" DataTextField="Description" DataValueField="StateId">
                                                </telerik:RadComboBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Ciudad:</td>
                                            <td>
                                                <telerik:RadComboBox ID="cmbCities" runat="server" DataTextField="Description" DataValueField="CityId">
                                                </telerik:RadComboBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Teléfono:</td>
                                            <td>
                                                <telerik:RadMaskedTextBox ID="txtPhone" runat="server" Mask="####-####">
                                                </telerik:RadMaskedTextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Celular:</td>
                                            <td>
                                                <telerik:RadMaskedTextBox ID="txtMobile" runat="server" Mask="####-####">
                                                </telerik:RadMaskedTextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Email:</td>
                                            <td>
                                                <asp:TextBox ID="txtEmail" runat="server" Width="200px"></asp:TextBox>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Activo:</td>
                                            <td>
                                                <asp:CheckBox ID="chkIsActive" runat="server" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>&nbsp;</td>
                                            <td>&nbsp;</td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100%" OnButtonClick="RadToolBar1_ButtonClick" Skin="Metro">
                                                    <Items>
                                                        <telerik:RadToolBarButton runat="server" Text="Nuevo">
                                                        </telerik:RadToolBarButton>
                                                        <telerik:RadToolBarButton runat="server" Text="Guardar">
                                                        </telerik:RadToolBarButton>
                                                        <telerik:RadToolBarButton runat="server" Text="Eliminar">
                                                        </telerik:RadToolBarButton>
                                                    </Items>
                                                </telerik:RadToolBar>
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                            </telerik:RadSlidingPane>
                            <telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Title="Roles" Width="500px" Height="600px" Scrolling="None">
                                <fieldset>
                                    <legend>Lista de Roles</legend>
                                    <telerik:RadListBox ID="lbxRoles" runat="server" DataTextField="Description" DataValueField="RoleId" Height="600px" Width="500px" CheckBoxes="True" AutoPostBack="True" OnItemCheck="lbxRoles_ItemCheck">
                                    </telerik:RadListBox>
                                </fieldset>

                            </telerik:RadSlidingPane>
                            <telerik:RadSlidingPane ID="RadSlidingPane3" runat="server" Title="Grupos" Width="500px" Height="600px" Scrolling="None">
                                <fieldset>
                                    <legend>Lista de grupos</legend>

                                    <table class="auto-style1">
                                        <tr>
                                            <td style="vertical-align: top">
                                                <telerik:RadTreeView ID="GroupsByUserTree" runat="server" OnNodeClick="GroupsByUserTree_NodeClick">                                                  
                                                </telerik:RadTreeView>
                                                <br />
                                                 <fieldset>
                                    <legend>Nuevo Grupo</legend>
                                                <table class="auto-style1">
                                                    <tr>
                                                        <td>
                                                            <telerik:RadTextBox ID="txtGroup" Runat="server">
                                                            </telerik:RadTextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <telerik:RadButton ID="btnSaveGroup" runat="server" Text="Guardar" OnClick="btnSaveGroup_Click">
                                                            </telerik:RadButton>
                                                        </td>
                                                    </tr>
                                                </table>
                                                     </fieldset>
                                            </td>
                                            <td style="vertical-align: top">
                                                <table class="auto-style1">
                                                    <tr>
                                                        <td>Imei:</td>
                                                        <td>
                                                            <telerik:RadTextBox ID="txtImei" runat="server" ReadOnly="True">
                                                            </telerik:RadTextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Placa:</td>
                                                        <td>
                                                            <telerik:RadTextBox ID="txtLicensePlate" runat="server">
                                                            </telerik:RadTextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>SIM:</td>
                                                        <td>
                                                            <telerik:RadMaskedTextBox ID="txtSIMNumber" runat="server" DisplayMask="####-####" Mask="####-####">
                                                            </telerik:RadMaskedTextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Descripción:</td>
                                                        <td>
                                                            <telerik:RadTextBox ID="txtDescription" runat="server" Height="140px" TextMode="MultiLine">
                                                            </telerik:RadTextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Tipo:</td>
                                                        <td>
                                                            <telerik:RadComboBox ID="cmbImeiType" runat="server" DataTextField="Description" DataValueField="ImeiTypeID">
                                                            </telerik:RadComboBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Tipo GPS:</td>
                                                        <td>
                                                            <telerik:RadComboBox ID="cmbGpsModelType" runat="server" DataTextField="Name" DataValueField="GpsModelId">
                                                            </telerik:RadComboBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>Grupo:</td>
                                                        <td>
                                                            <telerik:RadComboBox ID="cmbGroups" Runat="server">
                                                            </telerik:RadComboBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="2" style="text-align:center">
                                                            <telerik:RadButton ID="btnSave" runat="server" Text="Guardar" OnClick="btnSave_Click">
                                                            </telerik:RadButton>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>

                                </fieldset>
                            </telerik:RadSlidingPane>
                            <telerik:RadSlidingPane ID="RadSlidingPane4" runat="server" Title="Geo Cercas" Width="500px" Height="600px" Scrolling="None">
                                <fieldset>
                                    <legend>Lista de geocercas</legend>
                                    <telerik:RadGrid ID="GeoFenceGrid" runat="server" AutoGenerateColumns="false" CellSpacing="0" GridLines="None">
                                        <ClientSettings>
                                            <Selecting AllowRowSelect="True" />
                                        </ClientSettings>
                                        <MasterTableView>
                                            <CommandItemSettings ExportToPdfText="Export to PDF" />
                                            <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">
                                                <HeaderStyle Width="20px" />
                                            </RowIndicatorColumn>
                                            <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">
                                                <HeaderStyle Width="20px" />
                                            </ExpandCollapseColumn>
                                            <Columns>
                                                <telerik:GridHyperLinkColumn AllowSorting="False" Text="Mostrar" DataNavigateUrlFormatString="GoogleMap.aspx?GeoFenceID={0}" DataNavigateUrlFields="GeoFenceID" FilterControlAltText="Filter column column" UniqueName="column">
                                                </telerik:GridHyperLinkColumn>
                                                <telerik:GridBoundColumn DataField="GeoFenceIdSource.Description" FilterControlAltText="Filter Description column" HeaderText="Nombre" UniqueName="Description">
                                                </telerik:GridBoundColumn>
                                            </Columns>
                                            <EditFormSettings>
                                                <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                                                </EditColumn>
                                            </EditFormSettings>
                                        </MasterTableView>
                                        <FilterMenu EnableImageSprites="False">
                                        </FilterMenu>
                                    </telerik:RadGrid>
                                </fieldset>
                            </telerik:RadSlidingPane>
                        </telerik:RadSlidingZone>
                    </telerik:RadPane>
                </telerik:RadSplitter>

            </td>
        </tr>
    </table>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="UserGrid">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadSplitter1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadToolBar1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadNotification1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnSave">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadNotification1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadInputManager ID="RadInputManager1" runat="server">
        <telerik:TextBoxSetting>
            <TargetControls>
                <telerik:TargetInput ControlID="txtUsername" />
                <telerik:TargetInput ControlID="txtName" />
                <telerik:TargetInput ControlID="txtFirstName" />
                <telerik:TargetInput ControlID="txtLastName" />
            </TargetControls>
            <Validation IsRequired="True" />
        </telerik:TextBoxSetting>
        <telerik:RegExpTextBoxSetting IsRequiredFields="True">
            <TargetControls>
                <telerik:TargetInput ControlID="txtEmail" />
            </TargetControls>
            <Validation IsRequired="True" />
        </telerik:RegExpTextBoxSetting>
    </telerik:RadInputManager>
    <telerik:RadNotification ID="RadNotification1" runat="server" Text="Guardado" Skin="Metro"></telerik:RadNotification>
</asp:Content>
